.arrow {
  width: 100%;
  height: 36px;
  background: url(../images/arrow.png) no-repeat center;
  background-size: contain;

  [data-bs-theme="dark"] & {
    filter: invert(100);
    opacity: .75;
  }
}

.arrow-2 {
  background: url(../images/arrow-2.png) no-repeat right;
  background-size: contain;
  width: 100%;
  height: 66px;

  [data-bs-theme="dark"] & {
    filter: invert(100);
    opacity: .75;
  }
}
